<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.chimera.org/chimera.tld" prefix="p"%>
<style type="text/css">
@import url("<c:url value='/resources/css/util/selectTable.css' />");
</style>
<script
	src="<c:url  value="/resources/js/mantenimiento/listaProductos.js" ></c:url>"></script>


<div style="width: 100%; height: 580px;">
	<div
		style="width: 350px; height: 560px; overflow: scroll; float: left;">
		<ol id="selectable">
			<c:forEach items="${lstProductos}" var="p">
				<li id="${p.id}" class="ui-state-default"><input type="hidden"
					id="id${p.id}" value="${p.id}"> <input type="hidden"
					id="nombre${p.id}" value="${p.nombre}"> <input
					type="hidden" id="tipo${p.id}" value="${p.idtipo.id}"> <input
					type="hidden" id="descripcion${p.id}" value="${p.descripcion}">
					<input type="hidden" id="precioUnitario${p.id}"
					value="${p.precioUnitario}"> <input type="hidden"
					id="precioConjunto${p.id}" value="${p.precioConjunto}"> <input
					type="hidden" id="estado${p.id}"
					value="${p.estadosgenerales.nombre}"> <input type="hidden"
					id="nombreFoto${p.id}" value="${p.foto.nombre}"> <input
					type="hidden" id="rutaFoto${p.id}"
					value="${p.foto.ruta}/${p.foto.nombre}"> <input
					type="hidden" id="codigoFoto${p.id}" value="${p.foto.codigo}">
					<img alt="${p.foto.codigo}"
					src="<c:url value='${p.foto.ruta}/${p.foto.nombre}' />"></li>
			</c:forEach>
		</ol>
	</div>
	<div id="pnlProducto"
		style="width: 480px; height: 560px; float: left; padding: 5px; margin-left: 5px;">

		<div id="pnlimg"
			style="width: 480px; height: 300px; text-align: center;">
			<img height="285px"
				src="<c:url value="/resources/images/blanck.png"></c:url>">
		</div>
		<div>
			<a href="#">Nombre del Producto :</a><a href="#" id="lblNombre"></a>
			<p>
				<span>Descripcion : </span> <label id="pdescripcion"> </label>
			</p>
			<p>
				<span>Estado : </span> <label id="pEstado"> </label>
			</p>
			<div style="text-align: center;">							
				<a  href="javascript:void(0)" id="" class="btnEdit"> Editar </a>			
			</div>
		</div>

	</div>
</div>